.backhead { position:fixed; left:0; top:0; right:0; height:48px; line-height:48px; padding-right:20px; background:#00b1db; z-index:100;}
.backhead .logo { float:left; width:145px; padding:9px 0 9px 35px;}
.backhead .nav, .backhead .nav li { float:left;}
.backhead .nav li{ position:relative}
.backhead .nav a { display:block; height:48px; padding:0 28px; font-size:16px; color:#fff; position:relative;}
.backhead .nav a:hover, .backhead .nav li:hover>a { color:#fff; text-decoration:none; background:#00a7cf;}
.backhead .nav i { position:absolute; top:8px; height:16px; line-height:16px; width:16px; background:#f9a32a; text-align:center; font-size:12px; border-radius:50%; overflow:hidden;}
.backhead .down { display:none; position:absolute; width:150px; left:0; top:48px; background:#fff; box-shadow:0px 0 2px #bababa;}
.backhead .down em { position:absolute; width:13px; height:7px; left:54px; top:-7px; background:url(../images/backicon.png) no-repeat 0 -633px;}
.backhead .down p { line-height:38px; padding:0 5px; margin:0 12px; border-bottom:1px solid #efefef;}
.backhead .nav li .down p a { display:inline; padding:0; font-size:14px; color:#666;}
.backhead .nav li .down p a:hover { color:#00b1db; background:none;}
.backhead .nav li:hover .down { display:block;}
.backhead .user { float:right; width:150px; position:relative;}
.backhead .user .des { position:relative; height:32px; line-height:32px; padding:8px 0; display:block; padding-left:23px; width:127px; font-size:14px; color:#fff;}
.backhead .user .des .pic { float:left; margin-right:7px;}
.backhead .user .des i { position:absolute; width:10px; height:6px; top:21px; right:30px; background:url(../images/backicon.png) no-repeat;}
.backhead .user dl { display:none; background:#fff; width:126px; padding:0 12px; left:0; top:48px;}
.backhead .user dl a { font-size:14px; display:block; height:40px; line-height:40px; padding-left:46px; width:80px; border-top:1px solid #f0f0f0; background:url(../images/backicon.png) no-repeat;}
.backhead .user dl .icon-help { background-position:20px -12px;}
.backhead .user dl .icon-out { background-position:20px -51px;}
.backhead .user:hover { background:#fff; box-shadow:0px 0 2px #bababa;}
.backhead .user:hover .des { color:#00b1db; text-decoration:none;}
.backhead .user:hover .des i { background-position:-13px 0;}
.backhead .user:hover dl { display:block; box-shadow:0px 3px 2px #bababa;}
.backhead .company { float:right; font-size:16px; color:#fff; margin-right:10px;}
.backhead .company a { display:inline-block; width:98px; height:26px; line-height:26px; margin-left:3px; background:#00ceff; border:1px solid #00a4cb; border-radius:3px; font-size:14px; color:#fff; text-align:center;}
.backhead .newmsg { float:right; width:70px; height:48px; position:relative; text-align:center; margin-left:-5px;}
.backhead .newmsg .icon { display:inline-block; position:relative; width:20px; height:24px; margin-top:12px; background:url(../images/backicon.png) no-repeat 0 -647px;}
.backhead .newmsg .icon i { position:absolute; width:8px; height:8px; right:-2px; top:1px; border-radius:50%; overflow:hidden; background:#f9a32a;}
.backhead .newmsg .down em { left:29px;}
.backhead .newmsg .down p { text-align:left;}
.backhead .newmsg .down p i { float:right; font-size:12px; color:#f6aa29;}
.backhead .newmsg:hover { background:#00a7cf}
.backhead .newmsg:hover .down { display:block;}
/*backfoot*/
.backfoot { padding-left:180px; background:#fff;}
.backfoot .inner { padding:20px 0; text-align:center;}
.backfoot .inner a { margin:0 5px;}
.backfoot .inner p { margin-top:5px; font-size:12px; color:#999;}
.pd0 { padding:0;}

/*供应商*/
.warp-supplier .backhead { background:#ffc001;}
.warp-supplier .backhead .nav a:hover { background:#fea910}
.warp-supplier .backhead .nav i { background:#fe6632}
.warp-supplier .backhead .company a { background:#fea910; border:1px solid #ee9900;}
.warp-supplier .backhead .company a:hover { color:#fff;}